<% layout('../layouts/layout') %>
<% include ../../layouts/layout.header.ejs %>
<%- partial('../includes/breadCrumbs.ejs', {
    breadCrumbs:[
        {
            'name':'首页', // 名称
            'url':'/'        // url
        },
        {
            'name':'市场监管', // 名称
            'url':'/scjg'        // url
        },
        {
            'name':'行政处罚', // 名称
            'url':'javascript://'        // url
        }
    ]
}) %>

<div class="container">
    <div class="row">
        <div class="clearfix">
            <div class="col-xs-12 kygs-main">
                <!--标题&搜索-->
                <div class="mian-top col-xs-12">
                    <div class="mian-top-tit col-xs-2">
                        <h4>行政处罚</h4>
                    </div>
                    <div class="mian-top-search  col-xs-offset-4 col-xs-6">
                        <div class="input-group col-xs-8 col-xs-offset-4">
                            <input type="text" class="form-control" id="sear_text" placeholder="请输入要查找的企业名称">
                            <span class="input-group-btn">
                        <button class="btn btn-default search-btn" id="sear_btn" type="button">搜索</button>
                    </span>
                        </div><!-- /input-group -->
                    </div>
                </div>

                <!--经营异常数量-->
                <div id="kygsList_vm">
                    <!--<div class="hideBox text-center" v-bind:class="{active:toggle == 1}">正在加载数据</div>-->
                    <!--<div class="hideBox text-center" v-bind:class="{active:toggle == 3}">暂无数据</div>-->
                    <div class="hideBox" v-bind:class="{active:toggle == 2}">
                        <div class="col-xs-12 main-mes">
                            <p class="ml20"> 最近30天共有 <span class="mes-count">{{ monthData }}条</span> 经营异常信息</p>
                        </div>
                    </div>
                    <!--经营异常数量-->

                    <!--列表-->
                    <div class="col-xs-12">
                        <div class="  ml20 mr20 ">
                            <table class="table table-bordered" style="table-layout: fixed">
                                <thead>
                                <tr class="table-th">
                                    <th width="4%">序号</th>
                                    <th>注册号</th>
                                    <th>当事人</th>
                                    <th>违法行为定性</th>
                                    <th>处罚种类</th>
                                    <th>处罚登记机关</th>
                                    <th>处罚日期</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="text-center" v-if="toggle == 1">
                                    <td colspan=7>正在加载</td>
                                </tr>
                                <tr class="text-center" v-if="toggle == 3">
                                    <td colspan=7>暂无数据</td>
                                </tr>
                                <tr align="center"  v-for=" (info,index) in infoList" v-if="toggle == 2">
                                    <td>{{ index+1 }}</td>
                                    <td>{{ info.regNum }}</td>
                                    <td width=""><a :href='"/scjg/details#cfjg?regNum="+info.regNum + "&credNum=" + info.credNum + "&custName=" + info.custName + "&custId=" + info.custId'>{{ info.userName }}</a></td>
                                    <td>{{ info.ay }}</td>
                                    <td>{{ info.punishWay }}</td>
                                    <td>{{ info.babm }}</td>
                                    <td>{{ info.punishDate }}</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>


                    <!--分页-->
                    <div class="page-center col-xs-12  text-center">
                        <div id="pagination_page"></div>
                        <!--<div class="pagination" id="pagination_page"></div>-->
                        <!--<ul class="pagination">-->
                        <!--<li class="disabled"><a href="#">«</a></li>-->
                        <!--<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>-->
                        <!--<li><a href="#">2</a></li>-->
                        <!--<li><a href="#">3</a></li>-->
                        <!--<li><a href="#">4</a></li>-->
                        <!--<li><a href="#">5</a></li>-->
                        <!--<li><a href="#">»</a></li>-->
                        <!--</ul>-->
                    </div>

                    <!--分页-->
                    <!--</div>-->
                </div>

            </div>
        </div>
    </div>
</div>
<% include ../../layouts/layout.footer.ejs %>
<link rel="stylesheet" href="/css/kygs.css">
<script src="/js/scjg/xzcf.js"></script>
<script>
    $('#example').tooltip(options)
</script>
